<!doctype html>
<html dir="$i18n{textdirection}" lang="$i18n{language}" class="loading" cros>
<head>
  <meta charset="utf-8">
  <title>$i18n{settings}</title>
  <base href="chrome://os-settings">
  <link rel="stylesheet" href="chrome://resources/chromeos/colors/cros_styles.css">
  <style>
    /* The :not(body) selector allows the variable definitions below to 'win'
       against the shared ones. */
    html:not(body) {
      /* Override default setting from settings_vars.html. Setting these on a
         specific element will still override this. */
      --iron-icon-fill-color: var(--cros-icon-color-primary);
      --cr-focus-outline-color: var(--cros-focus-ring-color);
      --cr-focused-item-color: var(--cros-highlight-color-focus);
      --cr-link-row-start-icon-color: var(--cros-icon-color-primary);
      --cr-primary-text-color: var(--cros-text-color-primary);
      --cr-secondary-text-color: var(--cros-text-color-secondary);
      --cr-tooltip-icon-fill-color: var(--cros-icon-color-primary);
      background-color: var(--cros-bg-color);
      overflow: hidden;
      /* Remove 300ms delay for 'click' event, when using touch interface. */
      touch-action: manipulation;
    }

    html,
    body {
      height: 100%;
      margin: 0;
    }
  </style>
</head>
<body>
  <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
  <script type="module" src="chromeos/os_settings.js"></script>
  <os-settings-ui></os-settings-ui>
</body>
</html>
